<%-- 
    Document   : plantilla*_1nt3p.access*
    Created on : 30/03/2012, 05:04:06 PM
    Author     : Carlos Augusto
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Software de Aptitud Vocacional Estudiantil - SAVE </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Instituto de Educaci&oacute;n T&eacute;cnica Profesional" />
        <meta name="keywords" content="Institucion, educacion, superior, men, INTEP, sistemas, contabilidad, administraciÃ³n, secretarÃ­a, agropecuarÃ­a, procesos, industriales, mercadeo, educaciÃ³n, programa, acadÃ©mico, roldanillo, valle del cauca, calidad, sgc, calidoso, weblog, weblog - intep, meci, wap, movil" />
        <meta name="author" content="INTEP (Instituto de Educaci&oacute;n T&eacute;ncica Profesional)" />
        <meta name="generator" content="Joomla! - Open Source Content Management" /> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta name="description" content="Software de Aptutid vocacional SAVE" />
        <meta name="keywords" content="SAVE, INTEP, prueba, vocacional, universidad" />
        <meta name="author" content="SAVE, INTEP, WitSoft" />

        <!-- Los Estilos -->
        <link href="libs/bootstrap/css/bootstrap.css" rel="stylesheet">
            <link href="libs/bootstrap/css/docs.css" rel="stylesheet">        
        <style type="text/css">
            body {
            padding-top: 60px;
            padding-bottom: 40px;
            }
        </style>
                
                
        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
        <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <!-- Le fav and touch icons -->
        <link rel="shortcut icon" href="images/LogoINTEP.ico">
        <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
        <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
                                
    </head>

    <body>                
        <!-- NAVEGADOR MENU HORIZONTAL -->
         
        <div class="container">        
        <!-- COLUMNAS -->
        <div class="row">
            <div class="span12">
                <div class="breadcrumb">
                    <center> <img class="barner"src="Imagenes/Banner20122.jpeg"  ></img> </center>
                </div>      
            </div>
        </div>
  
    <hr>
        
        <div class="row2">    
            
            <div class="span6">                                                       
                <div class="span6-1">     
                <p>
                    SAVE es una aplicación la cual funciona en un entorno web, permitiendo al Instituto de Educación
                    Técnica Profesional INTEP realizar un test de aptitud vocacional a los estudiantes que deseen 
                    ingresar a la institución.
                </p>
                 <br/>
                <center>  <img  src="Imagenes/intep.png" width="155px" height="179px" ></img> </center>
                 </div>    
                   
              </div>        
            <div class="span6">
                <form class="form-horizontal" action="logueando" method="get">
    <fieldset>
        <legend>INICIAR SESSI&Oacute;N</legend>
    
    <label>Usuario:</label>
    <div class="input-prepend">
        <span class="add-on">
    <i class="icon-user"></i>
</span>
        <input type="text" class="input-large" placeholder="user" name="usuario"/>
    </div>
<label>Contraseña:</label>
<div class="input-prepend">
    <span class="add-on">
        <i class="icon-lock"></i>
    </span>
    <input type="password" class="input-large" placeholder="Password" name="contrasena"/>

</div>
<br/>
<button  type="submit" class="btn-primary" style="margin-left:200px" >Ingresar</button>  

    </fieldset>
    </form>
            </div>   
                
        
        </div>
        
        
              <hr>    
       

        <div class="breadcrumb">
            <h1>PIE</h1>        
        </div>
            
        <footer>
            <p>&copy; Company 2012</p>
        </footer>
    </div> <!-- /container -->
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->    
    <script src="libs/jquery/jquery.js"></script>
    <script src="libs/bootstrap/js/bootstrap-transition.js"></script>
    <script src="libs/bootstrap/js/bootstrap-alert.js"></script>
    <script src="libs/bootstrap/js/bootstrap-modal.js"></script>
    <script src="libs/bootstrap/js/bootstrap-dropdown.js"></script>
    <script src="libs/bootstrap/js/bootstrap-scrollspy.js"></script>
    <script src="libs/bootstrap/js/bootstrap-tab.js"></script>
    <script src="libs/bootstrap/js/bootstrap-tooltip.js"></script>
    <script src="libs/bootstrap/js/bootstrap-popover.js"></script>
    <script src="libs/bootstrap/js/bootstrap-button.js"></script>
    <script src="libs/bootstrap/js/bootstrap-collapse.js"></script>
    <script src="libs/bootstrap/js/bootstrap-carousel.js"></script>
    <script src="libs/bootstrap/js/bootstrap-typeahead.js"></script>
    

    </body>
</html>
